<template>
	<view>
		<view class="head" style="background-image: url('/static/images/ys/login/loginbk.png');">欢迎来到车联网服务平台商家端</view>
		<!-- <uni-card style="border-radius: 50px 50px 0 0;" class="mycard"></uni-card> -->
		<view class="main">
			<view class="main1">
				<view class="ima">
					<image src="/static/images/ys/login/loginimg.png" style="height: 250rpx; width: 360rpx;"></image>
					<view class="login">
						<u--input customStyle="width: 60%;" placeholder="手机号登录" border="bottom" clearable></u--input>
						<u--input customStyle="width: 60%; margin-top: 3vh;" placeholder="输入验证码" border="bottom"
							clearable></u--input>
						<u-button :customStyle='send' color="#4C8EFE" shape="circle" type="primary"
							text="发送验证码"></u-button>
						<view class="register" @click="register_btn">立即注册></view>
						<u-button :customStyle='login' type="primary" shape="circle" color="#1168EA"
							@click="login_btn">登录</u-button>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				login: {
					width: '70vw',
					marginLeft: '0%',
					marginTop: '0%'
				},
				send: {
					width: '30vw',
					position: 'relative',
					top: '-7vh',
					left: '5vw'
				}
			}
		},
		methods: {
			register_btn() {
				uni.$u.route('/pages/ys/register/register')
			},
			login_btn() {
				uni.$u.route('/pages/lzx/business/homePage')
			}
		}
	}
</script>

<style>
	.main {
		position: relative;
	}

	.login {
		position: relative;
		/* margin-bottom: 40vh; */
		/* margin-left: 10vw; */
		left: 8vw;
		top: -5vh;
	}

	.register {
		font-size: 30%;
		color: #5593FE;
		position: relative;
		top: -5vh;
		left: 1vw;
	}

	.login {
		margin-left: -6vh;
		margin-top: 7vh;
	}

	.ima {
		position: relative;
		top: -10vh;
		left: 20vw;
	}

	.main {
		position: relative;
		top: -5vh;
		background-color: white;
		border-radius: 20rpx 20rpx 0 0;
		width: 100%;
		height: 75vh;
	}

	.head {
		padding-top: 8vh;
		box-sizing: border-box;
		height: 30vh;
		background-size: contain;
		color: white;
		font-size: 30rpx;
		text-align: center;
		font-weight: 400;
	}
</style>